﻿<phone:PhoneApplicationPage
    x:Class="World_Dance.Views.DanceDetailPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:LART="clr-namespace:OnlineVideos"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" >


    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="MainGrid" >
        <Grid.RowDefinitions   >
            <RowDefinition Height="*"/>
            <RowDefinition Height="80"/>
        </Grid.RowDefinitions>
        <Grid x:Name="LayoutRoot" Grid.Row="0" Background="Transparent">
            <!--Pivot Control-->

            <controls:Pivot x:Name="pvtMainDetails" SelectionChanged="pvtMainDetails_SelectionChanged_1">
                <controls:Pivot.Title>
                    <StackPanel Orientation="Horizontal" Margin="0,0,0,0">
                        <Image Style="{StaticResource DetailPagePivotTitleImage}" x:Name="imgTitle" MouseLeftButtonDown="imgTitle_MouseEnter"/>
                        <TextBlock x:Name="tblkVideosTitle" Style="{StaticResource DetailPagePivotTitle}"/>
                    </StackPanel>
                </controls:Pivot.Title>
                <controls:Pivot.Foreground>
                    white
                </controls:Pivot.Foreground>
                <!--Pivot item one-->
                <controls:PivotItem x:Name="pvtitmDetail" Header="detail">
                    <Grid x:Name="DetailGrid">
                        <LART:ShowDescription x:Name="showDesc" />
                    </Grid>
                </controls:PivotItem>
                <!--Pivot item two-->
                <controls:PivotItem x:Name="pvtitmSongs" Header="videos" Foreground="White">
                    <Grid  x:Name="showVideogrid">
                        <LART:ShowVideos x:Name="VideosList"/>
                    </Grid>
                </controls:PivotItem>
            </controls:Pivot>
            <toolkit:PerformanceProgressBar
            VerticalAlignment="Top"
            x:Name="performanceProgressBar" Foreground="Red"/>
        </Grid>
        <StackPanel Name="adstaSongs" Grid.Row="1" Orientation="Vertical" >
        </StackPanel>
    </Grid>

    <phone:PhoneApplicationPage.ApplicationBar>

        <shell:ApplicationBar x:Name="appbar" IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="btnshare" Text="Share this" Click="btnshare_Click_1"/>
                <shell:ApplicationBarMenuItem x:Name="btnadd"   Text="Add" Click="btnadd_Click_1"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>